<template>
  <div class="pay-success">
    <div class="logo">
      <img src="@/assets/yuyuechenggong1.png">
      <p>恭喜你预约完成</p>
    </div>
    <div class="goods">
      <p class="title">{{title}}</p>
      <p class="time">{{date}}</em>
      </p>
    </div>
    <div class="btn">
      <span @click="router({path: './storeDetails', query:{storeId: storeId}})">返回</span>
      <p class="tip">订单可在“个人中心-我的预约”中查看</p>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      title: '',
      storeId: '',
    }
  },
  created () {
    this.title = this.$route.query.title;
    this.date = this.$route.query.date;
    this.storeId = this.$route.query.storeId
  },
  methods: {    
    router (path) {
      this.$router.push(path)
    },
  }
}
</script>
<style lang="stylus" scoped>
  .logo
    text-align center
    padding-top 4rem
    img
      width 24rem
      display inline-block
    p
      font-size 1.8rem
      color #43A047
      font-weight 500
      margin-top 1rem
  .goods
    text-align center
    margin-top 10rem
    .title
      color #333333
      font-size 1.8rem
      line-height 3rem
      font-weight 500
      margin-bottom 1rem
    .time
      color #333
      font-size 1.5rem
  .btn
    position fixed
    bottom 4.8rem
    text-align center
    width 100%
    span
      width 18rem
      height 3.6rem
      border 1px solid #43A047
      border-radius 100px
      color #43A047
      margin-bottom 1.5rem
      display inline-block
      line-height 3.6rem
      text-align center
      font-size 1.5rem
</style>